<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .download-info{
            text-align: center;
        }
        .btn{
            background-color: #0074cc;

            /*css3渐变制作背景图片*/
            background-image: linear-gradient(top,#0088cc,#0055cc);
            background-repeat: repeat-x;
            display: inline-block;
            border:1px solid #cccccc;

            /*border-color: rgba(0,0,0,0.1)  rgba(0,0,0,0.1)  rgba(0,0,0,0.25) ;*/
            border-radius: 6px;
            color: #fff;
            cursor: pointer;
            font-size: 20px;
            font-weight: normal;

            padding:14px 24px;
            text-align: center;
            text-decoration: none;
            vertical-align: middle;

            /*text-shadow: 0 -1px 0 rgba(0,0,0,0.25);*/
        }
        .btn:hover{
            background-position: 0 -15px;
        }
    </style>
</head>
<body>
<div class="download-info">
    <a href="#" class="btn">HELLO</a>
</div>
</body>
</html>